<template>
<div class="form">
<h1>用户注册</h1>
  <el-form
    status-icon

    ref="ruleForm"
    label-width="100px"
    class="demo-ruleForm"
  >
    <el-form-item
      label="密码:"
      prop="pass"
    >
      <el-input placeholder="请输入内容" ></el-input>
    </el-form-item>
    <el-form-item
      label="密码:"
      prop="pass"
    >
      <el-input placeholder="请输入内容" ></el-input>
    </el-form-item>
    <el-form-item
      label="密码:"
      prop="pass"
    >
      <el-input placeholder="请输入内容" ></el-input>
    </el-form-item>
    <el-form-item
      label="密码:"
      prop="pass"
    >
      <el-input placeholder="请输入内容" ></el-input>
    </el-form-item>
    <el-form-item
      label="密码:"
      prop="pass"
    >
      <el-input placeholder="请输入内容" ></el-input>
    </el-form-item>
    <el-form-item
      label="密码:"
      prop="pass"
    >
      <el-input placeholder="请输入内容" ></el-input>
    </el-form-item>
    <el-row>
       <el-button type="primary">主要按钮</el-button>
    </el-row>
  </el-form>
  <el-row class="bottom">
    <el-checkbox class="a1"> <el-link href="https://element.eleme.io" target="_blank">我已阅读并同意(用户协议)</el-link></el-checkbox>
  </el-row>
</div>
</template>

<script>

</script>

<style>
  *{
    position: relative;
    margin: 0 auto;
    padding: 0;

  }
  h1{
    top: 10%;
  }
.form{
  width: 50%;
  height: 700px;
  background-color: #F5DEB3;
}
.demo-ruleForm,.bottom{
  position: relative;
  top: 20%;
}
.el-input__inner{
  width: 80%;
}
.a1{
  float: left;
  left: 20%;
}
</style>
